html,body,ul,li{
    padding: 0;
    margin: 0;
    list-style: none;
}

.cl::after ,.cl::before{
    content: '';
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}

body{
    min-width: 1226px;
}

a{
    text-decoration: none;
}

.site-topbar{
    z-index: 30;
    position: relative;
    height: 40px;
    background: #333;
    color: #b0b0b0;
    font-size: 12px;
}


.site-topbar a{
    color: #b0b0b0;
}
.site-topbar a:hover{
    color:#fff;
}
.site-topbar .sep{
    margin: 0 .5em;
    color:#424242;
    font-family: sans-serif;
}

.container{
    width: 1226px;
    margin:0 auto;
}

.site-topbar .topba-cart{
    width: 120px;
    margin-left: 15px;
}


.site-topbar .topbar-nav{
    float: left;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.site-topbar .topba-cart , .site-topbar .topba-info{
    position: relative;
    height: 40px;
    line-height: 40px;
    float: right;
}
.site-topbar .topba-info .link{
    padding: 0 5px;
    /* text-align: center; */
}
.site-topbar .topba-info .link , .site-topbar .topba-info .sep , .site-topbar .topba-info .message{
    float: left;
}
.site-topbar .topba-info .message{
    padding: 0 10px;
}

.site-topbar .cart-mini{
    display:block;
    text-align: center;
    color:#b0b0b0;
    height: 40px;
    line-height: 40px;
    background-color: #424242;
}

.cart-mini-num{
    margin-left: -4px;
}

.cart-menu{
    position: absolute;
    right: 0px;
    width: 316px;
    height: 100px;
    background-color: aqua;
    height: 0;
}

.topba-cart:hover .cart-menu{
    height: 100px;
}

.site-header{
    height: 100px;
    position:relative;
    /* background-color: #424242;  */
}
.site-header .header-logo{
    float: left;
    width: 62px;
    margin-top: 22px;
}

.site-header .logo{
    width: 55px;
    height:55px;
    text-align: center;
    /* overflow: hidden; */
    display: block;
    background-color: #ff6700;
    background-image: url(../img/mi-logo.png);
    padding: auto;
}

.site-header .header-nav{
    float: left;
    width: 850px;  
}
.site-header .nav-item{
    float: left;
}

.site-header .nav-item .link{
    color:#333;
    display: block;
    padding: 26px 10px 38px;
}

.site-header a span:hover{
    color:#ff6700;
}
.site-header .nav-list{
    float: left;
    width: 820px;
    height: 88px;
    margin: 0;
    padding: 12px 0 0 172px;
    font-size: 16px;
}
.site-header .header-search{
    width: 296px;
    float:right;
    padding-top:25px;
}
.site-header .search-form{
    height: 50px;
    width: 296px;
    position: relative;
}
.site-header .search-text{
    width: 223px;
    height: 48px;
}
